import { createContext, useContext } from "react";

type VisibleContextProps = {
  isButtonVisible: boolean;
  toggleButtonVisible: (visible: boolean) => void;
  isDialogVisible: boolean;
  toggleDialogVisible: (visible: boolean) => void;
};

const visibleContext = createContext({} as VisibleContextProps);

export function useVisible() {
  return useContext(visibleContext);
}

export default visibleContext.Provider;
